<template>
	<view class="" v-if="info&&info.id">
		<view class="pages-card bgc-w ml-30 mb-20">
			<view class="card-top row-box">
				<view class="flex align-items-center">
					<!-- <image class="state-img mr-10" :src="`/static/images/common/income-icon-${info.type}.png`"
						mode="scaleToFill">
					</image> -->
					<text class=" fc-0 fs-lg fw-9">{{typeName[info.type]||'其他'}}</text>
				</view>
				<view class="fc-ac" style="display: flex;align-items:center;">
					<view class="fc-ac  fs-lg mr-10">
						￥{{info.actual_payment_commission}}元
					</view>
					<view class="fc-ac fs-lg ">{{stateList[info.state]}}</view>
				</view>
			</view>
			<view class="card-center pt-20 pb-20">
				<view class="card-center-item" v-if="info.order_sn">订单编号:{{info.order_sn}}</view>
				<view class="card-center-item" v-if="info.type==451">顾客:{{info.customer_name}}</view>
				<view class="card-center-item" v-if="info.type==450||info.type==501||info.type==502||info.type==503">
					群名称:<text class="fc-ac">{{info.group_name}}</text>
				</view>
				<view class="card-center-item">应发金额:{{info.commission_amount}}元</view>
				<view class="card-center-item">扣减金额:{{info.refund_commission}}元</view>

				<view class=" card-center-item">备注:{{info.descr}}</view>
			</view>
			<view class="card-bottom row-box">
				<view class="">{{info.create_time}}</view>
				<view class="fc-ac">{{grantModality[info.grant_modality]}}</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				// 分佣类型:
				typeName: {
					450: "导购群收益",
					451: "导购专属",
					452: "直营店导购核销",
					453: "导购分享1级",
					454: "导购分享2级",
					501: '群加人佣金',
					502: '群总人数佣金',
					503: '群净增长佣金'
				},
				grantModality: ['', '微信零钱', '平台余额'],
				stateList: ['未结算', '已结算', '结算失败', '订单已退款']
			}
		},
		props: {
			info: {
				type: Object,
				default: () => {
					return {}
				}
			}
		},
		methods: {

		},

	}
</script>

<style lang="scss" scoped>
	.state-img {
		width: 48rpx;
		height: 48rpx;
	}

	.card-center-item {
		margin-bottom: 8rpx;
	}
</style>